<%--
  Created by IntelliJ IDEA.
  User: lzy
  Date: 18-9-3
  Time: 下午4:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Index</title>
    <script src="http://libs.baidu.com/jquery/1.7.2/jquery.js"></script>
    <%--
    1. 获取当前页面的所有a节点，并为每一个a节点都添加onclick响应函数，并取消其默认行为
    2. 准备发送ajax请求：url（a节点的href属性）;args:时间戳
    3. 相应是一个json对象，包括bookName, totalNumber ,totalMoney
    4. 把对应的属性添加到对应的位置
    --%>
    <script type="text/javascript">
        $(function () {
            var isHasCart = "${sessionScope.sc == null}";

            if (isHasCart === "true") {
                $("#cartstatus").hide();
            } else {
                $("#cartstatus").show();
                $("#bookName").text("${sessionScope.sc.currentBook}");
                $("#totalNumber").text("${sessionScope.sc.totalBookNumber}");
                $("#totalMoney").text("${sessionScope.sc.totalMoney}");
            }

            $("a").click(function () {
                $("#cartstatus").show();
                var url = this.href;
                var args = {"time": new Date()};

                // 如果从服务端返回一个json字符串，则引号必须是双引号，单引号不起作用
                $.getJSON(url, args, function (data) {
                    $("#bookName").text(data.currentBook);
                    $("#totalNumber").text(data.totalBookNumber);
                    $("#totalMoney").text(data.totalMoney);
                });

                return false;
            })
        });
    </script>
</head>
<body>
<div id="cartstatus">
    您已将&nbsp;<span id="bookName"></span> &nbsp;加入到购物车中，购物车中的书有&nbsp;<span
        id="totalNumber"></span>&nbsp;本，总价格是&nbsp;<span id="totalMoney"></span>元
</div>
<hr/>
Java &nbsp;<a href="${pageContext.request.contextPath}/addToCart?id=Java&price=150">加入购物车</a>
<br/><br/>
Oracle&nbsp;<a href="${pageContext.request.contextPath}/addToCart?id=Oracle&price=200">加入购物车</a>
<br/><br/>
Struct2&nbsp;<a href="${pageContext.request.contextPath}/addToCart?id=Struct2&price=100">加入购物车</a>
<br/><br/>
</body>
</html>
